<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Event On</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
     Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">
    <link rel="shortcut icon" href="favicon.png">
    <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">

    <script src="js/vendor/modernizr-2.6.2.min.js" async></script>

    <script type="text/javascript">var switchTo5x=true;</script>

    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

    <script type="text/javascript" defer>stLight.options({publisher: "ur-b4964695-8b2f-20dd-2ced-c9f6141de24c", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

</head>
<body>
    <!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
    <!-- Header -->
    <header class="header-container">
    <!-- Header Top -->
    <div class="header-top">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <ul class="login-details clearfix">
                        <li><a href="contact.html#" class="agenticon">Agent Login</a></li>
                        <li><a href="contact.html#" class="customericon">Customer Login</a></li>
                        <li class="membericon">Not a Member?</li>
                        <li><a href="contact.html#" class="pri-color">Register Now</a></li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <div class="social-icon pull-right">
                        <a href="contact.html#" class="facebook fa fa-facebook"></a>
                        <a href="contact.html#" class="twitter fa fa-twitter"></a>
                        <a href="contact.html#" class="googleplus fa fa-google-plus"></a>
                        <a href="contact.html#" class="dribble fa fa-dribbble"> </a>
                    </div>
                </div>
            </div> 
        </div>     
    </div>
    <!-- Main Header -->
    <div class="main-header affix">
        <!-- Mobkie Nav Wrapper  -->
        <div class="mobile-nav-wrapper">
            <div class="container">
                <!-- Logo -->
               <div id="logo">
<a href="index.html"><img src="img/logo.png" alt=""></a>
</div>
                <!-- Search -->
                <div id="sb-search" class="sb-search">
                    <form>
                        <input class="sb-search-input" placeholder="Search" type="text" name="search" id="search">
                        <input class="sb-search-submit" type="submit" value="">
                        <span class="sb-icon-search"></span>
                    </form>
                </div>
                <!-- Moblie menu icon -->
                <div class="mobile-menu-icon">
                    <i class="fa fa-bars"></i>
                </div> 
                <!-- Main Nav -->
                <nav class="main-nav mobile-menu">

                    <ul class="clearfix">
                        <li class="parent "><a href="contact.html#">Home</a>
                            <!-- Sub menu -->
                            <!-- Sub menu -->
                            <ul class="sub-menu">
                                <li class="arrow"></li>
                                <li><a href="index.html">Home-1</a></li> 
                                <li><a href="index-2.html">Home-2</a></li>
                                <li><a href="index-3.html">Home-3</a></li>
                                <li><a href="index-4.html">Home-4</a></li>
                                <li><a href="index-5.html">Home-5</a></li>
                                <li><a href="index-6.html">Home-6</a></li>
                            </ul>
                        </li>

                        <li class="parent"><a href="contact.html#">Events</a>
                            <!-- Sub menu -->
                            <ul class="sub-menu">
                                <li class="arrow"></li>
                                <li><a href="event.html">Event</a></li>
                                <li><a href="event-sidebar-left.html">Event-Sidebar-Left</a></li>
                                <li><a href="event-sidebar-right.html">Event-Sidebar-Right</a></li>
                                <li><a href="event-detail.html">Event Detail</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html#">Directions</a></li>
                        <li><a href="event-tv.html">Events TV</a></li>
                        <li class="parent"><a href="event-blog.html">Blog</a>
                            <!-- Sub menu -->
                            <ul class="sub-menu">
                                <li class="arrow"></li>
                                <li><a href="event-blog.html">Event Blog</a></li>
                                <li><a href="event-single-blog.html">Event Single-Blog</a></li>
                            </ul>
                        </li>
                        <li><a href="gallery.html">Gallery</a></li>
                        <li class="active"><a href="contact.html">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div> 

</header>
    <!-- Sub Banner -->
    <section class="sub-banner newsection">
    <div class="container">
        <h2 class="title">Contact</h2>
        <ul class="breadcrumb">
           <li><a href="index.html">Home</a></li>
           <li>Contact</li>
        </ul>
    </div>
</section>
    <!-- Contact -->
    <div class="contact newsection">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <h2 class="title">
                        Get in Touch with Us</h2>
                    <form method="post" action="http://view.jqueryfuns.com/%E9%A2%84%E8%A7%88-/2014/7/10/755_1b6f13403436eae0411f8f3af8c73595/sendMail.php" id="contactform">
                        <div class="response">
                            &nbsp;</div>
                        <p>
                            <label for="contactname">
                                Name<span>*</span></label>
                            <input id="contactname" type="text" value="" name="contactname" placeholder="Name"
                                class="textflied">
                            <i class="icon fa fa-user"></i>
                        </p>
                        <p>
                            <label for="email">
                                Email<span>*</span></label>
                            <input id="email" type="text" value="" name="email" placeholder="Email Address" class="textflied">
                            <i class="icon fa fa-envelope"></i>
                        </p>
                        <p>
                            <label for="subject">
                                SUBJECT<span>*</span></label>
                            <input id="subject" type="text" value="" name="subject" placeholder="Your Subject"
                                class="textflied">
                            <i class="icon fa fa-edit  "></i>
                        </p>
                        <p>
                            <label for="message">
                                COMMENT<span>*</span></label>
                            <textarea id="message" name="message" placeholder="Your Message" rows="8" class="texttextarea"></textarea>
                            <i class="icon fa fa-comments"></i>
                        </p>
                        <p>
                            <button type="submit" name="submit" id="submitButton" title="Click here to submit your message!"
                                class="btn btn-disabled">
                                SEND message</button>
                        </p>
                    </form>
                </div>
                <div class="col-md-6 col-sm-6">
                    <!-- Map -->
                    <div class="map-container">
                        <h2 class="title">
                            Location Map</h2>
                        <div id="contact-map" class="map">
                        </div>
                    </div>
                    <!-- Contact Info -->
                    <div class="contactinfo">
                        <h2 class="title">
                            Contact Info</h2>
                        <ul class="clearfix">
                            <li class="clearfix"><span class="titles">Address :</span> <span class="content">1600
                                Pennsylvania Ave NW, Washington, D.C., DC<br>
                                20500, ABD</span> </li>
                            <li class="clearfix"><span class="titles">Phone :</span> <span class="content">+90 555
                                55 55</span> </li>
                            <li class="clearfix"><span class="titles">Fax :</span> <span class="content">+90 777
                                77 77</span> </li>
                            <li class="clearfix"><span class="titles">Email: </span><span class="content"><a
                                href="contact.html#">info@example.com</a></span> </li>
                            <li class="clearfix"><span class="titles">Support: </span><span class="content"><a
                                href="contact.html#">support@example.com</a></span> </li>
                        </ul>
                        <!-- Social Icon -->
                        <div class="social-icon">
                            <a href="contact.html#" class="facebook fa fa-facebook"></a><a href="contact.html#" class="twitter fa fa-twitter">
                            </a><a href="contact.html#" class="googleplus fa fa-google-plus"></a><a href="contact.html#" class="linkedin fa fa-linkedin">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <footer class="main-footer">
                    <div class="container">
                        <div class="row">	
                            <div class="widget col-md-3">
                                <div class="about">
                                    <h2 class="title">About <span class="border"></span></h2>
                                    <p>Vivamus ante nulla, ultrices ut molestie pellentesque, posuere eu ligula. In porttitor in turpis eu porttitor. </p> 
                                </div>
                                <ul class="fa-ul">
                                    <li><i class="fa-li fa fa-map-marker"></i>1600 Pennsylvania Ave NW,
                                        Washington, D.C., DC 20500, ABD</li>
                                        <li> <i class="fa-li fa fa-phone fa-flip-horizontal"></i>+90 555 55 55</li>
                                        <li><i class="fa-li fa fa-envelope-o "></i><a href="contact.html#">info@example.com</a></li>
                                    </ul>           
                                </div>

                                <div class="widget col-md-3">
                                    <h2 class="title">Recent Blog Posts<span class="border"></span></h2>
                                    <div class="recent-blog">
                                        <div class="recent-img">
                                            <img src="img/recent-1.png" alt="">
                                        </div>
                                        <div class="recent-content">
                                            <h3 class="title"><a href="contact.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                                            <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                                            <p class="comment"><i class="icon fa fa-comment"></i><a href="contact.html#">23 Comments</a></p>
                                        </div>
                                    </div>

                                    <div class="recent-blog">
                                        <div class="recent-img">
                                            <img src="img/recent-2.png" alt="">
                                        </div>
                                        <div class="recent-content">
                                            <h3 class="title"><a href="contact.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                                            <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                                            <p class="comment"><i class="icon fa fa-comment"></i><a href="contact.html#">23 Comments</a></p>
                                        </div>
                                    </div>

                                    <div class="recent-blog">
                                        <div class="recent-img">
                                            <img src="img/recent-3.png" alt="">
                                        </div>
                                        <div class="recent-content">
                                            <h3 class="title"><a href="contact.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                                            <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                                            <p class="comment"><i class="icon fa fa-comment"></i><a href="contact.html#">23 Comments</a></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="widget lastest-tweets col-md-3">
                                    <h2 class="title">Lastest Tweets<span class="border"></span></h2>
                                   <ul class="fa-ul twitters"></ul>
                                </div>

                                <div class="widget col-md-3">
                                    <h2 class="title">Flickr Photos<span class="border"></span></h2>
                                     <div class="flicker flickrwidget"></div> 
                                </div>

                            </div> 
                        </div>
                    </footer>

    <script src="js/vendor/jquery-1.10.2.min.js" defer></script>

    <!--<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>-->

    <script src="js/plugins.js" defer></script>

    <script src="js/main.js" defer></script>

</body>
</html>
